<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>植物医生</title>
  <link rel="stylesheet" href="./index.css">
</head>

<body>

  <div class="top">
    <div class="logo"><img src="./img/tiplogo2.png" /></div>
    <div class="onright">
    <button class="zhuce">注册</button>
    <button class="xiazai" tabindex="0" id="downloadButton">下载</button>
  </div>
    <!-- 			<div class="goBottom">底部</div> -->
  </div>
  <div class="hrader">
    <!-- 轮播图 -->
    <div class="slide">
      <ul class="slide-auto">
        <li><img src="./img/banner1.png" class="imgs" /></li>
        <li><img src="./img/banner2.png" class="imgs" /></li>
        <li><img src="./img/banner3.png" class="imgs" /></li>
      </ul>

    </div>
  </div>

  <!-- 过渡盒子 -->
  <div class="header2"></div>

  <!-- 轮播动画 -->
  <div class="playground">
    <div class="animation-container">
      <div class="list">
        <div class="title" data-order="0" data-name="title">
          <div data-order="0" class="nameLogo"></div>
          <img src="./img/logo1.png" alt="" title="" class="logoname" />
        </div>

        <div class="list-continer">
          <div data-order="0" class="list-item icon-1 random-bg-color">
            <span class="item-text">实时识别</span>
          </div>
          <div data-order="1" class="list-item icon-2 random-bg-color">
            <span class="item-text">植物保护</span>
          </div>
          <div data-order="4" class="list-item icon-3 random-bg-color">
            <span class="item-text">智能检测</span>
          </div>
          <div data-order="6" class="list-item icon-4 random-bg-color">
            <span class="item-text">病害预防</span>
          </div>
          <div data-order="4" class="list-item icon-5 random-bg-color">
            <span class="item-text">专家建议</span>
          </div>
          <div data-order="1" class="list-item icon-6  random-bg-color">
            <span class="item-text">数据分析</span>
          </div>
          <div data-order="0" class="list-item icon-7  random-bg-color">
            <span class="item-text">云端同步</span>
          </div>
          <div data-order="0" class="list-item icon-8  random-bg-color">
            <span class="item-text">社区互动</span>
          </div>
          <div data-order="1" class="list-item icon-9  random-bg-color">
            <span class="item-text">个性化设置</span>
          </div>
          <div data-order="4" class="list-item icon-10  random-bg-color">
            <span class="item-text">绿色知识库</span>
          </div>
          <div data-order="6" class="list-item icon-11  random-bg-color">
            <span class="item-text">便捷操作</span>
          </div>
          <div data-order="4" class="list-item icon-12  random-bg-color">
            <span class="item-text">个性化服务</span>
          </div>
          <div data-order="1" class="list-item icon-13  random-bg-color">
            <span class="item-text">高速带宽</span>
          </div>
          <div data-order="0" class="list-item icon-14  random-bg-color">
            <span class="item-text">完全开源</span>
          </div>
        </div>
      </div>
    </div>

  </div>
  <div class="waves"></div>
  </div>
  <div class="footer">
    <div class="header3">
      <h1>下载植物医生客户端</h1>
      <p>下载客户端，体验您植物的私人医生！</p>
    </div>

    <main>
      <section class="download-section">
        <div class="download-box android">
          <div class="image-wrapper">
            <img src="./img/icon.png" alt="Android 下载">
            <span class="download-link">扫描二维码下载移动客户端</span>
          </div>

          <div class="qr-code-box">
            <img src="./img/dev1.png" alt="Android 扫码下载" class="qr-code">
            <div class="qr-code-text">扫码下载</div>
          </div>
        </div>



        <div class="download-box android">
          <div class="image-wrapper">
            <img src="./img/11qq.png" alt="Android 下载">
            <span class="download-link">腾讯企鹅联系我们</span>
          </div>

          <div class="qr-code-box">
            <img src="./img/dev4.jpg" alt="Android 扫码下载" class="qr-code">
            <div class="qr-code-text">扫码下载</div>
          </div>
        </div>

        <div class="download-box android" onclick="window.location.href='https://gitee.com/x121318/plt_official';">
          <div class="image-wrapper">
            <img src="./img/github.png" alt="Android 下载">
            <span class="download-link">访问我们的github</span>
          </div>
        </div>
        </div>
      </section>

    </main>


  </div>
  <div class="popup">
    <div class="popup_wrapper">
      <img src="./img/123.png" class="popup_image" alt="Popup Image" />
    </div>
  </div>

</body>

</html>
<script type="text/javascript" src="./index.js"></script>